<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>取派标准</title>
		<!-- 导入jquery核心类库 -->
		<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
		<!-- 导入easyui类库 -->
		<link rel="stylesheet" type="text/css" href="../../js/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="../../js/easyui/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../../js/easyui/ext/portal.css">
		<link rel="stylesheet" type="text/css" href="../../css/default.css">
		<script type="text/javascript" src="../../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../../js/easyui/ext/jquery.portal.js"></script>
		<script type="text/javascript" src="../../js/easyui/ext/jquery.cookie.js"></script>
		<script src="../../js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function(){
				// 先将body隐藏，再显示，不会出现页面刷新效果
				$("body").css({visibility:"visible"});
				
				// 收派标准信息表格
				$('#grid').datagrid( {
					iconCls : 'icon-forward',//图标
					fit : true,
					border : false,
					rownumbers : true,//显示行号列
					striped : true,//是否显示斑马线效果
					pageList: [3,5,10],//初始化分页属性的时候,初始化页面显示大小
					pageSize:3, //初始化页面显示大小
					//pageNumber:1  默认为1
					pagination : true,//显示分页工具栏
					toolbar : toolbar,//顶部工具栏的datagrid面板
					url : "../../standard_findPage",//远程加载数据json格式//data:[{},{}]用户加载写定json数据
					idField : 'id',//指明哪个为标识字段
					columns : columns//datagrid列配置对象
				});
				
				// 表单提交
				$("#save").click(function(){
					if($("#standardForm").form("validate")){
						$("#standardForm").submit();
					}
					else{
						$.messager.alert("警告","校验失败","warning");
					}
				})
			});	
			
			//工具栏
			var toolbar = [ {
				id : 'button-add',
				text : '增加',
				iconCls : 'icon-add',
				handler : function(){
					// alert('增加');
					// 重置表单
					$("#standardForm").get(0).reset();
					// 收派标准的名称设置为可写
					$("input[name='name']").attr("readonly",false);
					
					$("#standardWindow").window('open');
				}
			}, {
				id : 'button-edit',
				text : '修改',
				iconCls : 'icon-edit',
				handler : function(){
					var rows = $("#grid").datagrid("getSelections");
					if(rows.length != 1){
						$.messager.alert("提示信息","修改数据，只能选择一行！","warning");
					}else{
						 $("input[name='name']").validatebox({
						    validType: '' // 不设置校验
					    });
					    // 收派标准的名称设置为只读
					    $("input[name='name']").attr("readonly",true);
						
						var row = rows[0];
						$("#standardForm").form("load",row);
						$("#standardWindow").window("open");
					}
				}
			},{
				id : 'button-delete',
				text : '作废',
				iconCls : 'icon-cancel',
				handler : function(){
					var rows = $("#grid").datagrid("getSelections");
					if(rows.length == 0){
						// 没有选中数据 
						$.messager.alert("警告","必须选中一条以上数据","warning");
					}else{
						var array = new Array();
						for(var i = 0;i<rows.length;i++){
							array.push(rows[i].id);
						}
						// 生成字符串，以逗号分隔
						var ids = array.join(",");
						// 将字符串发送服务器 
						window.location.href="../../standard_delete?ids="+ids;
						
					}
					
				}
			}];
			
			// 定义列
			var columns = [ [ {
				field : 'id',
				checkbox : true
			},{
				field : 'name',
				title : '标准名称',
				width : 120,
				align : 'center'
			}, {
				field : 'minWeight',
				title : '最小重量',
				width : 120,
				align : 'center'
			}, {
				field : 'maxWeight',
				title : '最大重量',
				width : 120,
				align : 'center'
			}, {
				field : 'minLength',
				title : '最小长度',
				width : 120,
				align : 'center'
			}, {
				field : 'maxLength',
				title : '最大长度',
				width : 120,
				align : 'center'
			}, {
				field : 'operator',
				title : '操作人',
				width : 120,
				align : 'center'
			}, {
				field : 'operatingTime',
				title : '操作时间',
				width : 120,
				align : 'center'
			}, {
				field : 'company',
				title : '操作单位',
				width : 120,
				align : 'center'
			} ] ];
		</script>
	</head>

	<body class="easyui-layout" style="visibility:hidden;">
		<div region="center" border="false">
			<table id="grid"></table>
		</div>
		
		<div class="easyui-window" title="对收派标准进行添加或者修改" id="standardWindow" collapsible="false" minimizable="false" maximizable="false" modal="true" closed="true" style="width:600px;top:50px;left:200px">
			<div region="north" style="height:31px;overflow:hidden;" split="false" border="false">
				<div class="datagrid-toolbar">
					<a id="save" icon="icon-save" href="#" class="easyui-linkbutton" plain="true">保存</a>
				</div>
			</div>

			<div region="center" style="overflow:auto;padding:5px;" border="false">
				
				<form id="standardForm" name="standardForm" action="../../standard_save.action" method="post">
					<table class="table-edit" width="80%" align="center">
						<tr class="title">
							<td colspan="2">收派标准信息
								<!--提供隐藏域 装载id -->
								<input type="hidden" name="id" />
							</td>
						</tr>
						<tr>
							<td>收派标准名称</td>
							<td>
								<!-- <input type="text" name="name" 
									class="easyui-validatebox" data-options="required:true" /> -->
								<input type="text" name="name" class="easyui-validatebox" validtype="remote['../../standard_vilidate.action','name']" required="true" missingMessage="收派标准名称不能为空" invalidMessage="收派标准名称已经存在"/>
							</td>
						</tr>
						<tr>
							<td>最小重量</td>
							<td>
								<input type="text" name="minWeight" 
										class="easyui-numberbox" required="true" />
							</td>
						</tr>
						<tr>
							<td>最大重量</td>
							<td>
								<input type="text" name="maxWeight" class="easyui-numberbox" required="true" />
							</td>
						</tr>
						<tr>
							<td>最小长度</td>
							<td>
								<input type="text" name="minLength" class="easyui-numberbox" required="true" />
							</td>
						</tr>
						<tr>
							<td>最大长度</td>
							<td>
								<input type="text" name="maxLength" class="easyui-numberbox" required="true" />
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</body>

</html>